﻿<%@ Page language="C#" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Import Namespace="Microsoft.SharePoint" %> <%@ Assembly Name="Microsoft.Web.CommandUI, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head runat="server">
    <meta name="GENERATOR" content="Microsoft SharePoint" />
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	<meta http-equiv="Expires" content="0" />
	<meta content="width=device-width, initial-scale=1" name="viewport" />
	<SharePoint:RobotsMetaTag ID="RobotsMetaTag1" runat="server"/>
	<title>Galleriffic App Part</title>

    <link rel="stylesheet" href="../Content/App.css" />
    <script src="/_layouts/MicrosoftAjax.js" type="text/javascript"></script>
    <script type="text/javascript" src="../Scripts/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.galleriffic.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.opacityrollover.js"></script>
    <script type="text/javascript" src="../Scripts/App.js"></script>

    <script type="text/javascript">
    var hostweburl;

    // Load the required SharePoint libraries.
    $(document).ready(function () {

        // Get the URI decoded URLs.
        hostweburl =
            decodeURIComponent(
                getQueryStringParameter("SPHostUrl")
        );

        // The js files are in a URL in the form:
        // web_url/_layouts/15/resource_file
        var scriptbase = hostweburl + "/_layouts/15/";

        // Load the js files and continue to
        // the execOperation function.
        $.getScript(scriptbase + "SP.Core.js",
            function () {
                $.getScript(scriptbase + "SP.Runtime.js",
                    function () {
                        //$.getScript(scriptbase + "SP.UI.Dialog.js",
                        //    function () {
                                $.getScript(scriptbase + "SP.js", execOperation);
                        //    }
                        //);
                    }
                );
            }
        );
    });

    // Function to execute basic operations.
    function execOperation() {
        // Continue your program flow here.
        sharePointReady();
    }

    // Function to retrieve a query string value.
    // For production purposes you may want to use
    // a library to handle the query string.
    function getQueryStringParameter(paramToRetrieve) {
        var params =
            document.URL.split("?")[1].split("&");
        var strParams = "";
        for (var i = 0; i < params.length; i = i + 1) {
            var singleParam = params[i].split("=");
            if (singleParam[0] == paramToRetrieve)
                return singleParam[1];
        }
    }
</script>
    
</head>
<body class="bodyGal">
    <SharePoint:FormDigest ID="FormDigest1" runat="server"></SharePoint:FormDigest>

    <WebPartPages:AllowFraming ID="AllowFraming1" runat="server" />

<!-- Register scripts -->

<!-- We only want the thunbnails to display when javascript is disabled -->
<script type="text/javascript">
    document.write('<style>.noscript { display: none; }</style>');
</script>

<div id="picturesgallery" class="picturesgallery">
    <div id="gallery" class="content">
	    <div id="controls" class="controls"></div>
	    <div class="slideshow-container">
		    <div id="loading" class="loader"></div>
		    <div id="slideshow" class="slideshow"></div>
	    </div>
	    <div id="caption" class="caption-container"></div>
    </div>
    <div id="thumbs" class="navigation">
	    <ul class="thumbs noscript">
	    </ul>
    </div>
</div>
<!-- End Advanced Gallery Html Containers -->

</body>
</html>
